<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
>
<head>
    <script th:src="@{/vendor/jquery/jquery.min.js}"></script>
    <script th:src="@{/vendor/bootstrap/js/bootstrap-table.js}"></script>
    <!-- Bootstrap Core JavaScript -->
    <script th:src="@{/vendor/bootstrap/js/bootstrap.min.js}"></script>
    <!-- Metis Menu Plugin JavaScript -->
    <script th:src="@{/vendor/metisMenu/metisMenu.min.js}"></script>
    <!-- Custom Theme JavaScript -->
    <script th:src="@{/dist/js/sb-admin-2.js}"></script>
    <script th:src="@{/vendor/datepicker/bootstrap-datepicker.js}"></script>
    <link href="/vendor/bootstrap/css/bootstrap-table.css" rel="stylesheet">
    <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- MetisMenu CSS -->
    <link href="/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="/dist/css/sb-admin-2.css" rel="stylesheet">
    <link href="/vendor/datepicker/datepicker3.css" rel="stylesheet">
    <!-- Custom Fonts -->
    <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <meta charset="UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>ApplyPagePersonal</title>
    <style>
        .nav > li {
            height: 60px;
        }

        li > a {
            height: 100%;
            width: 100%;
            text-align: center;
        }

        #upWindow {
            height: 240px;
        }

        #downWindow {
            height: 560px;
        }

        #iframeMapping {
            width: 100%;
            height: 100%;
        }

    </style>


</head>

<body>

<div id="page-ApplyPagePersonal">
    <div id="upWindow">
        <ul class="nav nav-tabs nav-justified">
            <li id="ApplyPagePersonal">
                <a href="#"><h4>申请人信息</h4></a>
            </li>
        </ul>
        <ul class="nav nav-tabs nav-justified">
            <li id="rePerInformation">
                <a href="#"><i class="fa fa-briefcase fa-fw"></i>关联方个人信息</a>
            </li>
            <li id="reComInformation">
                <a href="#"><i class="fa fa-building-o fa-fw"></i>关联方企业信息</a>
            </li>
            <li id="contactInfomation">
                <a href="#"><i class="fa fa-address-book-o fa-fw"></i>联系信息</a>
            </li>
            <li id="financeInfomation">
                <a href="#"><i class="fa fa-money fa-fw"></i> 财务信息</a>
            </li>
            <li id="LoanApplicantGuarantee">
                <a href="#"><i class="fa fa-arrow-up fa-fw"></i>对外担保</a>
            </li>
            <li id="liabilityInfomation">
                <a href="#"><i class="fa fa-krw fa-fw"></i> 负债信息</a>
            </li>
            <!--<li id="utilization">-->
            <!--<a href="#"><i class="fa fa-server fa-fw"></i>使用</a>-->
            <!--</li>-->
            <!--<li id="prenda">-->
            <!--<a href="#"><i class="fa fa-street-view fa-fw"></i>质押</a>-->
            <!--</li>-->
        </ul>
        <ul class="nav nav-tabs nav-justified">
            <li id="LoanBusinessPersonInfo">
                <a href="#"><i class="fa fa-bar-chart fa-fw"></i>业务情况</a>
            </li>


            <!--<li id="ApplySerial">-->
            <!--<a href="#"><i class="fa fa-paper-plane-o fa-fw"></i> 申请贷款(授信)</a>-->
            <!--</li>-->
            <li id="coborrowerInfomation">
                <a href="#"><i class="fa fa-users fa-fw"></i>共同借款人</a>
            </li>
            <li id="LoanApplicantSpouseNameInfo">
                <a href="#"><i class="fa fa-github fa-fw"></i>配偶信息</a>
            </li>
            <li id="document">
                <a href="#"><i class="fa fa-file-text-o fa-fw"></i>文档</a>
            </li>
            <li id="print">
                <a href="#"><i class="fa fa-print fa-fw"></i> 打印</a>
            </li>
            <li id="blank">
                <a href="#"><i class="fa fa-print fa-fw"></i> 打印</a>
            </li>
            <!--<li id="pledgeNew">-->
            <!--<a href="#"><i class="fa fa-sign-language fa-fw"></i>抵押</a>-->
            <!--</li>-->
            <!--<li id="creditInfo">-->
            <!--<a href="#"><i class="fa fa-credit-card-alt fa-fw"></i>信用</a>-->
            <!--</li>-->
            <!--<li id="guarantee">-->
            <!--<a href="#"><i class="fa fa-shield fa-fw"></i>保证</a>-->
            <!--</li>-->


            <!--<li id="20">-->
            <!--<a href="#"><i class="fa fa-pencil-square-o fa-fw"></i>修改贷款卡编码</a>-->
            <!--</li>-->


        </ul>

    </div>
    <br/>
    <div id="downWindow">
        <iframe id="iframeMapping" frameborder="0" src=""></iframe>
    </div>
</div>


<script>
    var custcode;
    $(document).ready(function () {
        $.ajax({
            type: 'get',
            url: '/ApplyPagePersonal/getCustCode',
            dataType: "text",
            ansyc:true,
            success: function (data) {
                custcode=data;
            },
            error: function () {
                alert("获取用户失败");
            }
        })
        $('#iframeMapping').attr('src', '/customerInfo');
    });
    //个人信息录入
    $('#ApplyPagePersonal').bind('click', function () {
        $('#iframeMapping').attr('src', '/PersonalUserInfo?custcode=' + custcode);
    });
    //关联方个人信息
    $('#rePerInformation').bind('click', function () {
        $('#iframeMapping').attr('src', '/rePerInfo?custcode=' + custcode);
    });
    //关联方企业信息
    $('#reComInformation').bind('click', function () {
        $('#iframeMapping').attr('src', '/reComInfo');
    });
    //联系信息
    $('#contactInfomation').bind('click', function () {
        $('#iframeMapping').attr('src', '/contactInfo');
    });
    //财务信息
    $('#financeInfomation').bind('click', function () {
        $('#iframeMapping').attr('src', '/financeInfo');
    });
    //对外担保
    $('#LoanApplicantGuarantee').bind('click', function () {
        $('#iframeMapping').attr('src', '/LoanApplicantGuarantee?custcode=' + custcode);
    });
    //负债信息
    $('#liabilityInfomation').bind('click', function () {
        $('#iframeMapping').attr('src', '/liabilityInfo');
    });
    //业务情况
    $('#LoanBusinessPersonInfo').bind('click', function () {
        $('#iframeMapping').attr('src', '/LoanBusinessPersonInfo?custcode=' + custcode);
    });
    //共同借款人
    $('#coborrowerInfomation').bind('click', function () {
        $('#iframeMapping').attr('src', '/coborrowerInfo');
    });
    //配偶信息
    $('#LoanApplicantSpouseNameInfo').bind('click', function () {
        $('#iframeMapping').attr('src', '/LoanApplicantSpouseNameInfo?custcode=' + custcode);
    });
    //文档
    $('#document').bind('click', function () {
        $('#iframeMapping').attr('src', '/docInfo');
    });
    //打印
    $('#print').bind('click', function () {
        $('#iframeMapping').attr('src', '/Print/print');
    });
    //    $('#LoanCorporateCertificates').bind('click', function () {
    //        $('#iframeMapping').attr('src', '/LoanCorporateCertificates?custcode='+custcode);
    //    });
    //    $('#ApplySerial').bind('click', function () {
    //        $('#iframeMapping').attr('src', '/ApplySerial?custcode='+custcode);
    //    });
    //
    //    $('#coCtrRelaInformation').bind('click', function () {
    //        $('#iframeMapping').attr('src', '/coCtrRelaInfo');
    //    });
    //
    //    $('#utilization').bind('click', function () {
    //        $('#iframeMapping').attr('src', '/UtilizationList');
    //    });
    //    $('#prenda').bind('click', function () {
    //        $('#iframeMapping').attr('src', '/PrendaList');
    //    });
    //    $('#pledgeNew').bind('click', function () {
    //        $('#iframeMapping').attr('src', '/PledgeNewList');
    //    });
    //    $('#creditInfo').bind('click', function () {
    //        $('#iframeMapping').attr('src', '/creditInfo?custcode='+custcode);
    //    });
    //    $('#guarantee').bind('click', function () {
    //        $('#iframeMapping').attr('src', '/guarantee?custcode='+custcode);
    //    });


    //    LoanApplicantGuarantee
</script>
</body>
</html>